.flex
  display: flex
  align-items: center
  &.fd-row
    flex-direction: row
  &.fd-col
    flex-direction: column
  &.v-center
    align-items: center
  &.v-top
    align-items: flex-start;
  &.jc-center
    justify-content: center
  &.jc-sb
    justify-content: space-between
  &.al-full
    align-items: stretch;
  .f-body
    flex: 1
    display: flex
    flex-flow: column wrap
    overflow: hidden
    white-space: normal
    padding-top: 2px
    .desc
      margin-top: 3px
  .f-item
    flex: 1
.text-left
  text-align: left
.text-right
  text-align: right
.text-center
  text-align: center
.tc-white
  color: white
.tc-grey-l
  color: #ccc
.tc-light
  color: $text-light
.tc-grey
  color: $text-grey
.tc-dark
  color: $text-dark
.fs-xs
  font-size: $font-xs
.fs-sm
  font-size: $font-sm
.fs-md
  font-size: $font-md
.fs-lg
  font-size: $font-lg
.fs-xl
  font-size: $font-xl
.fs-xxl
  font-size: $font-xxl
.icon-xs
  font-size: $icon-xs
.icon-sm
  font-size: $icon-sm
.icon-md
  font-size: $icon-md
.icon-lg
  font-size: $icon-lg
.icon-xl
  font-size: $icon-xl
.icon-xxl
  font-size: $icon-xxl
.ml-pull-1
  margin-left: -1px
.z-index-9
  z-index: 9
.z-index-99
  z-index: 99
.z-index-999
  z-index: 999
.z-index-9999
  z-index: 9999
.p-rel
  position: relative !important
.p-abs
  position: absolute !important
.p-fix
  position: fixed !important
.p-sta
  position: static !important
.bg-box
  background-color: #eee
  background-size: cover
  background-repeat: no-repeat
  background-position: center center
.ul-list
  list-style: none
  margin: 0
  padding: 0
  &.list-h
    clearfix()
    li
      float: left
  &.margin-md
    margin-right: -10px
    li
      margin-right: 10px
      margin-bottom: 10px
.title
  font-size: $font-md
  color: $text-dark
  margin: 0
.desc
  font-size: $font-xs
  color: $text-light
  line-height: 1.5

.fixed-bottom
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;

.line1
  ellipsis();
.line2
  ellipsis-more(2);
.line3
  ellipsis-more(3);


.line-top
  fine-border(top, $border-light)
.line-left
  fine-border(left, $border-light)
.line-right
  fine-border(right, $border-light)
.line-bottom
  fine-border(bottom, $border-light)
.line-tb
  fine-border-two(tb, $border-light)
.line-lr
  fine-border-two(lr, $border-light)

.right-top
  position: absolute;
  right: 10px
  top: 10px

hr
  border-width: 0
  height: 1px
  fine-border(top,$border-light)
  margin: $spacing 0

.btn-wrap{
  padding: $spacing
  .btn{
    + .btn{
      margin-top: 15px
    }
  }
}
